﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxDataGrid-1#group-data">
    <CodeSnippetTabPage Text="Razor">@(@"<DxDataGrid Data=""@Vacancies""
            ShowPager=""true""
            ShowGroupPanel=""true""
            CssClass=""mw-1100"">
    <DxDataGridColumn Field=""@nameof(Vacancy.Id)"" Width=""70px"" AllowGroup=""false""></DxDataGridColumn>
    <DxDataGridComboBoxColumn Field=""@nameof(Vacancy.Region)"" Data=""@VacancyRepository.Regions"" GroupIndex=""0""></DxDataGridComboBoxColumn>
    <DxDataGridColumn Field=""@nameof(Vacancy.City)"" GroupIndex=""1""></DxDataGridColumn>
    <DxDataGridColumn Field=""@nameof(Vacancy.Description)"" Caption=""Vacancy""></DxDataGridColumn>
</DxDataGrid>

@code {
    IEnumerable<Vacancy> Vacancies;

    protected override async Task OnInitializedAsync()
    {
        Vacancies = await VacancyRepository.GetVacancies(100);
    }
}")</CodeSnippetTabPage>
</CodeSnippetTabbed>
